
<!DOCTYPE html>
<html lang="en">
     <head>
     <title>Blog</title>
     <meta charset="utf-8">
     <meta name = "format-detection" content = "telephone=no" />
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.css">

        <script>
            $(document).ready(function(){                
                $().UItoTop({ easingType: 'easeOutQuart' });
            });
            </script>                          
     </head>
<body id="top" class="page">

<!--==============================header=================================-->

    <header id="header" class="header">
        <div class="container_12">
            <div class="grid_6">
                <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
            </div>
            <div class="clear"></div>
            <div class="grid_12">
                <nav>
                    <ul class="sf-menu">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="index-1.html">About</a></li>
                        <li><a href="index-2.html">Services</a></li>
                        <li class="current"><a href="index-3.html">Blog</a>
                            <ul>
                                <li><a href="#">Dolore ipsu</a></li>
                                <li><a href="#">Consecte</a>
                                    <ul>
                                        <li><a href="#">Dolore ipsu</a></li>
                                        <li><a href="#">Consecte</a></li>
                                        <li><a href="#">Elit Conseq</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Elit Conseq</a></li>
                            </ul>
                        </li>
                        <li><a href="index-4.html">Contacts</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>
    <div class="clear"></div>

<!--===========================content================================-->

        <div id="content">
        <div class="p102">
            <div class="container_12">
                <div class="grid_8">
                    <h3>our <br><span>blog</span></h3>
                    <article class="article">
                        <div class="time">
                            <time datetime="2014-01-01">29<span>may</span></time>
                            <div class="pl_2">
                                <h6><a href="#">Donec facilisi ulet perspiciatis unde omnis</a></h6>
                                <h5>Posted by admin</h5>
                                <div class="comm"><i class="fa fa-comments"></i><a href="#">3</a> comments</div>
                            </div>
                        </div>
                        <div class="left"><img src="images/page4_img1.jpg" alt=""></div>
                        <div class="right">
                            <p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod.</p>
                            <a href="#" class="link">more info</a>
                        </div>
                    </article>
                    <article class="article">
                        <div class="time">
                            <time datetime="2014-01-01">28<span>may</span></time>
                            <div class="pl_2">
                                <h6><a href="#"> Ut enim ad minima veniam, quis nostrum</a></h6>
                                <h5>Posted by admin</h5>
                                <div class="comm"><i class="fa fa-comments"></i><a href="#">3</a> comments</div>
                            </div>
                        </div>
                        <div class="left"><img src="images/page4_img2.jpg" alt=""></div>
                        <div class="right">
                            <p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod.</p>
                            <a href="#" class="link">more info</a>
                        </div>
                    </article>
                    <article class="article">
                        <div class="time">
                            <time datetime="2014-01-01">27<span>may</span></time>
                            <div class="pl_2">
                                <h6><a href="#"> perspiciatis unde omnis iste natus eror sit</a></h6>
                                <h5>Posted by admin</h5>
                                <div class="comm"><i class="fa fa-comments"></i><a href="#">3</a> comments</div>
                            </div>
                        </div>
                        <div class="left"><img src="images/page4_img3.jpg" alt=""></div>
                        <div class="right">
                            <p>Dolor nunc vule putateulr ips dol consec. Donec semp ertet laciniate ultricie upien disse comete dolo lectus fgilla itollicil tua ludin dolor nec met quam accumsan dolore. Condime netus lullam utlacus adipiscing ipsum molestie euismod.</p>
                            <a href="#" class="link">more info</a>
                        </div>
                    </article>                                      
                </div>
                <div class="grid_4">
                    <h3>categories</h3>
                        <ul class="list mt2">
                            <li><a href="#"><i class="fa fa-angle-right"></i>Sed ut perspiciatis unde </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>omnis iste natus error sit </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>voluptatem accusantium </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>doloremque laudantium totam </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>rem aperiam eaque ipsa quae ab </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>illo inventore veritatis et quasi</a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>architecto beatae vitae dicta </a></li>
                            <li><a href="#"><i class="fa fa-angle-right"></i>sunt explicabo Nemo enim ipsam </a></li>
                        </ul>
                    <h3>ARCHIVES</h3>
                    <ul class="list">
                        <li><a href="#"><i class="fa fa-angle-right"></i>may 2014</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>april 2014</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>march</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>february</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>january 2014</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>december 2013</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>november 2013</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i>october 2013</a></li>
                    </ul>
                </div>
            </div>
        </div>       
    </div>

<!--==============================footer=================================-->

    <footer id="footer" class="footer">
        <div class="container_12">
            <div class="grid_6">
                <span>COMMUX</span>
                <div class="copy">
                <span>&copy;</span>
                <span id="copyright-year"></span>
                <span>|</span>
                <span><a href="index-5.html">Privacy Policy</a></span></div>
            </div>
            <div class="grid_6">
                <ul class="social-links">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-rss"></i></a></li>  
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul>
            </div>
        </div>
    </footer>

</body>
</html>